{% load staticfiles %}
{% load thumbnail %}
{#{% load thumbnail %}#}
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Mosaddek">
    <meta name="keyword" content="FlatLab, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <link rel="shortcut icon" href="img/favicon.html">

    <title>{% block title %}{% endblock %}-{{ site.SITE_NAME }}</title>

    <!-- Bootstrap core CSS -->
    <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
{#    <link href="{% static 'css/bootstrap-reset.css' %}" rel="stylesheet">#}
    <!--external css-->
    <link href="{% static 'assets/font-awesome/css/font-awesome.css' %}" rel="stylesheet" />
    <!-- Custom styles for this template -->
    <link href="{% static 'css/style.css' %}" rel="stylesheet">
    <link href="{% static 'css/style-responsive.css' %}" rel="stylesheet" />
    {% block load_css %}
    {% endblock %}
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
    <!--[if lt IE 9]>
      <script src="{% static 'js/html5shiv.js' %}"></script>
      <script src="{% static 'js/respond.min.js' %}"></script>
    <![endif]-->
  <style>
      body{
          font-size: 14px; !important;
      }
  </style>
  </head>

  <body>
<div class="container">

  <section id="container" class="">
      <!--header start-->
      <header class="header white-bg">
          <!--logo start-->
          <a href="#" class="logo" >三创<span>题库</span></a>
          <!--logo end-->
          <div class="top-nav">
              <!-- Collect the nav links, forms, and other content for toggling -->
              <ul class="nav navbar-nav">
                <li class="active">
                      <a class="" href="{% url 'repo:index' %}">
{#                          <i class="icon-dashboard"></i>#}
                          <span> 首页 </span>
                      </a>
                </li>
                <li class="">
                  <a class="" href="{% url 'repo:questions' %}">
{#                      <i class="icon-dashboard"></i>#}
                      <span> 校招题 </span>
                  </a>
                </li>
{#                <li class="">#}
{#                  <a class="" href="{% url 'repo:questions' %}">#}
{#                      <i class="icon-dashboard"></i>#}
{#                      <span> 试卷题 </span>#}
{#                  </a>#}
{#                </li>#}
{#                <li class="">#}
{#                  <a class="" href="{% url 'repo:questions' %}">#}
{#                      <i class="icon-dashboard"></i>#}
{#                      <span> 知识库 </span>#}
{#                  </a>#}
{#                </li>#}
{#                <li class="">#}
{#                  <a class="" href="{% url 'in_approval' %}">#}
{#                      <i class="icon-dashboard"></i>#}
{#                      <span> 待审题目 </span>#}
{#                      <span class="label label-danger pull-right mail-info">2</span>#}
{#                  </a>#}
{#                </li>#}
              </ul>
              <ul class="nav pull-right top-menu">
                  <li>
                      <form action="{% url 'repo:questions' %}">
                         <input type="text" class="form-control search" placeholder="Search" name="search" id="search" value="{{ search_key }}">
                      </form>
                  </li>
                  <!-- user login dropdown start-->
                  {% if user.is_authenticated %}
                  <li class="dropdown">
                      <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <img alt="" src="{{ user.avator_sm.url }}" height="30px">
{#                          <img src="{{ user.avator_sor|thumbnail_url:'avatar' }}" alt="" />#}
{#                          <img src="{{ user.avator_sm.avatar.url }}" alt="" />#}
{#                          <img alt="" src="{% static 'img/avatar1_small.jpg' %}">#}
                          <span class="username">{{ user }}</span>
                          <b class="caret"></b>
                      </a>
                      <ul class="dropdown-menu">
                          {% url "uc:profile" as uc_profile %}
                          {% url "uc:change_passwd" as uc_change_passwd %}
                          {% url "uc:answer" as uc_answer %}
                          {% url "uc:collect" as uc_collect %}
                          {% url "uc:contribut" as uc_contribut %}
                          {% url "uc:approval" as uc_approval %}
                          {% url "accounts:logout" as accounts_logout%}
                          <div class="log-arrow-up"></div>
                          <li role="presentation" class="{% if request.path == uc_profile  %}active{% endif %}"><a  href="{{ uc_profile }}"> 个人资料 </a></li>
                          <li role="presentation" class="{% if request.path == uc_change_passwd  %}active{% endif %}"><a  href="{{ uc_change_passwd }}"> 修改密码 </a></li>
                          <li role="presentation"   class="{% if request.path == uc_answer  %}active{% endif %}"><a  href="{{ uc_answer }}"> 我的回答 </a></li>
                          <li role="presentation" class="{% if request.path == uc_collect  %}active{% endif %}"><a  href="{{ uc_collect }}"> 我的收藏 </a></li>
                          <li  role="presentation"><a class="" href="#myModal-1" data-toggle="modal"> 贡献题目 </a></li>
                          <li  role="presentation"  class="{% if request.path == uc_contribut  %}active{% endif %}"><a href="{{ uc_contribut }}"> 我的贡献 </a></li>
                          {% if perms.repo.can_change_question_status %}
                          <li  role="presentation" class="{% if request.path == uc_approval  %}active{% endif %}"><a  href="{{ uc_approval }}"> 我的审核 </a></li>
                          {% endif %}
                          <li  role="presentation" class="{% if request.path == accounts_logout  %}active{% endif %}"><a  href="{{ accounts_logout }}"> 退出 </a></li>
                      </ul>
                  </li>
                  {% else %}
                  <div style="float:right; margin-top:15px;margin-left:10px;">
                        <a href="{% url 'accounts:login' %}">登录</a>|<a href="{% url 'accounts:register' %}">注册</a>
                  </div>
                  {% endif %}
                  <!-- user login dropdown end -->
              </ul>
          </div>
      </header>
      <!--header end-->

      <!--main content start-->
      <section id="main-content">
          <section class="wrapper">
              <!-- page start-->
              {% block content %}
              Page content goes here
              {% endblock %}
              <!-- page end-->
          </section>
      </section>
      <!--main content end-->
  </section>
</div>

{% include 'crontribute_modal.html' %}

    <!-- js placed at the end of the document so the pages load faster -->
    <script src="{% static 'js/jquery.js' %}"></script>
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
    <script src="{% static 'js/jquery.scrollTo.min.js' %}"></script>
    <script src="{% static 'js/jquery.nicescroll.js' %}" type="text/javascript"></script>

    <!--common script for all pages-->
    <script src="{% static 'js/common-scripts.js' %}"></script>

    {% block load_js %}
    {% endblock %}
  </body>
</html>
